<div class="hbox hbox-auto-xs hbox-auto-sm" ng-init="
    app.settings.asideFolded = false; 
    app.settings.asideDock = false;
  ">

  <!-- main -->
  <div class="col">

    <!-- main header -->
    <div class="bg-light lter b-b wrapper-md">
      <div class="row">
        <div class="col-sm-6 col-xs-12">
          <h1 class="m-n font-thin h3 text-black">房屋详情</h1>
        </div>
      </div>
    </div>
    <!-- / main header -->

    <div class="wrapper-md" ng-controller="FlotChartDemoCtrl">
      <!-- 收费相关设置 -->

      <form name="forma" class="form-horizontal form-validation ng-pristine ng-valid-email ng-invalid ng-invalid-required ng-valid-url ng-valid-pattern ng-valid-validator ng-valid-blacklist">
        <div class="panel panel-default">
          <div class="panel-heading">
            <strong>房屋基本信息</strong>
          </div>
          <div class="panel-body">

            <div class="col-sm-6 col-md-4 col-lg-3">
              <div class="form-group">
                <label class="col-md-4 col-sm-5 control-label">房屋编号:</label>
                <div class="col-md-8 col-sm-7">
                  <input type="email" class="form-control" placeholder="">
                </div>
              </div>
            </div>

            <div class="col-sm-6 col-md-4 col-lg-3">
              <div class="form-group">
                <label class="col-md-4 col-sm-5 control-label">楼层:</label>
                <div class="col-md-8 col-sm-7">
                  <input type="email" class="form-control" placeholder="">
                </div>
              </div>
            </div>

            <div class="col-sm-6 col-md-4 col-lg-3">
              <div class="form-group">
                <label class="col-md-4 col-sm-5 control-label">楼号:</label>
                <div class="col-md-8 col-sm-7">
                  <input type="email" class="form-control" placeholder="">
                </div>
              </div>
            </div>

            <div class="col-sm-6 col-md-4 col-lg-3">
              <div class="form-group">
                <label class="col-md-4 col-sm-5 control-label">单元:</label>
                <div class="col-md-8 col-sm-7">
                  <input type="email" class="form-control" placeholder="">
                </div>
              </div>
            </div>

            <div class="col-sm-6 col-md-4 col-lg-3">
              <div class="form-group">
                <label class="col-md-4 col-sm-5 control-label">房间号:</label>
                <div class="col-md-8 col-sm-7">
                  <input type="email" class="form-control" placeholder="">
                </div>
              </div>
            </div>

            <div class="col-sm-6 col-md-4 col-lg-3">
              <div class="form-group">
                <label class="col-md-4 col-sm-5 control-label">自然区域:</label>
                <div class="col-md-8 col-sm-7">
                  <input type="email" class="form-control" placeholder="">
                </div>
              </div>
            </div>

            <div class="col-sm-6 col-md-4 col-lg-3">
              <div class="form-group">
                <label class="col-md-4 col-sm-5 control-label">房屋类型:</label>
                <div class="col-md-8 col-sm-7">
                  <input type="email" class="form-control" placeholder="">
                </div>
              </div>
            </div>

            <div class="col-sm-6 col-md-4 col-lg-3">
              <div class="form-group">
                <label class="col-md-4 col-sm-5 control-label">户型:</label>
                <div class="col-md-8 col-sm-7">
                  <input type="email" class="form-control" placeholder="">
                </div>
              </div>
            </div>

            <div class="col-sm-6 col-md-4 col-lg-3">
              <div class="form-group">
                <label class="col-md-4 col-sm-5 control-label">建筑面积:</label>
                <div class="col-md-8 col-sm-7">
                  <input type="email" class="form-control" placeholder="">
                </div>
              </div>
            </div>

            <div class="col-sm-6 col-md-4 col-lg-3">
              <div class="form-group">
                <label class="col-md-4 col-sm-5 control-label">套内面积</label>
                <div class="col-md-8 col-sm-7">
                  <input type="email" class="form-control" placeholder="">
                </div>
              </div>
            </div>

            <div class="col-sm-6 col-md-4 col-lg-3">
              <div class="form-group">
                <label class="col-md-4 col-sm-5 control-label">建成日期:</label>
                <div class="col-md-8 col-sm-7">
                  <input type="email" class="form-control" placeholder="">
                </div>
              </div>
            </div>

            <div class="col-sm-6 col-md-4 col-lg-3">
              <div class="form-group">
                <label class="col-md-4 col-sm-5 control-label">交房日期:</label>
                <div class="col-md-8 col-sm-7">
                  <input type="email" class="form-control" placeholder="">
                </div>
              </div>
            </div>

            <div class="col-sm-6 col-md-4 col-lg-3">
              <div class="form-group">
                <label class="col-md-4 col-sm-5 control-label">房屋状态:</label>
                <div class="col-md-8 col-sm-7">
                  <input type="email" class="form-control" placeholder="">
                </div>
              </div>
            </div>

            <div class="col-sm-6 col-md-4 col-lg-3">
              <div class="form-group">
                <label class="col-md-4 col-sm-5 control-label">装修日期:</label>
                <div class="col-md-8 col-sm-7">
                  <input type="date" class="form-control" placeholder="">
                </div>
              </div>
            </div>

            <div class="col-sm-6 col-md-4 col-lg-3">
              <div class="form-group">
                <label class="col-md-4 col-sm-5 control-label">装修验房日期:</label>
                <div class="col-md-8 col-sm-7">
                  <input type="date" class="form-control" placeholder="">
                </div>
              </div>
            </div>

            <div class="col-sm-6 col-md-4 col-lg-3">
              <div class="form-group">
                <label class="col-md-4 col-sm-5 control-label">服务费类型:</label>
                <div class="col-md-8 col-sm-7">
                  <input type="text" class="form-control" placeholder="" value="1" readonly>
                </div>
              </div>
            </div>

            <div class="col-sm-6 col-md-4 col-lg-3">
              <div class="form-group">
                <label class="col-md-4 col-sm-5 control-label">租金类别:</label>
                <div class="col-md-8 col-sm-7">
                  <input type="text" class="form-control" placeholder="" value="1" readonly>
                </div>
              </div>
            </div>
          </div>
        </div>

        <!--//-->

        <div class="panel panel-default">
          <div class="panel-heading">
            <strong>业主基本信息</strong>
          </div>
          <div class="panel-body">

            <div class="row">
              <div class="col-sm-3">
                <div class="form-group">
                  <label class="col-sm-5 control-label">业主姓名:</label>
                  <div class="col-sm-7">
                    <input type="email" class="form-control" placeholder="">
                  </div>
                </div>
              </div>

              <div class="col-sm-4">
                <div class="form-group">
                  <label class="col-sm-5 control-label">业主身份证号:</label>
                  <div class="col-sm-7">
                    <input type="email" class="form-control" placeholder="">
                  </div>
                </div>
              </div>

              <div class="col-sm-5">
                <div class="form-group">
                  <label class="col-sm-2 control-label">业主电话:</label>
                  <div class="col-sm-4">
                    <input type="email" class="form-control" placeholder="">
                  </div>
                  <div class="col-sm-3">
                    <label class="checkbox i-checks">
                    <input type="checkbox" ng-model="f.c" required="" class=""><i></i> App关联
                  </label>
                  </div>
                </div>
              </div>
            </div>

            <div class="row">
              <div class="col-sm-3">
                <div class="form-group">
                  <label class="col-sm-5 control-label">联系人1:</label>
                  <div class="col-sm-7">
                    <input type="email" class="form-control" placeholder="">
                  </div>
                </div>
              </div>

              <div class="col-sm-4">
                <div class="form-group">
                  <label class="col-sm-5 control-label">联系人电话1:</label>
                  <div class="col-sm-7">
                    <input type="email" class="form-control" placeholder="">
                  </div>
                </div>
              </div>

              <div class="col-sm-3">
                <label class="checkbox i-checks">
                    <input type="checkbox" ng-model="f.c" required="" class=""><i></i> App关联
                  </label>
              </div>

            </div>

            <div class="row">
              <div class="col-sm-3">
                <div class="form-group">
                  <label class="col-sm-5 control-label">联系人2:</label>
                  <div class="col-sm-7">
                    <input type="email" class="form-control" placeholder="">
                  </div>
                </div>
              </div>

              <div class="col-sm-4">
                <div class="form-group">
                  <label class="col-sm-5 control-label">联系人电话2:</label>
                  <div class="col-sm-7">
                    <input type="email" class="form-control" placeholder="">
                  </div>
                </div>
              </div>
              <div class="col-sm-3">
                <label class="checkbox i-checks">
                    <input type="checkbox" ng-model="f.c" required="" class=""><i></i> App关联
                  </label>
              </div>
            </div>

            <div class="row">
              <div class="col-sm-3">
                <div class="form-group">
                  <label class="col-sm-5 control-label">联系人3:</label>
                  <div class="col-sm-7">
                    <input type="email" class="form-control" placeholder="">
                  </div>
                </div>
              </div>

              <div class="col-sm-4">
                <div class="form-group">
                  <label class="col-sm-5 control-label">联系人电话3:</label>
                  <div class="col-sm-7">
                    <input type="email" class="form-control" placeholder="">
                  </div>
                </div>
              </div>
              <div class="col-sm-3">
                <label class="checkbox i-checks">
                    <input type="checkbox" ng-model="f.c" required="" class=""><i></i> App关联
                  </label>
              </div>
            </div>

            <div class="row">
              <div class="col-sm-3">
                <div class="form-group">
                  <label class="col-sm-5 control-label">首选联系人:</label>
                  <div class="col-sm-7">
                    <select class="form-control">
                      <option value="">业主本人</option>
                      <option value="">联系人1</option>
                      <option value="">联系人2</option>
                      <option value="">联系人3</option>
                    </select>
                  </div>
                </div>
              </div>
            </div>

          </div>
        </div>

        <!--//-->

        <div class="panel panel-default">
          <div class="panel-body">

            <div class="col-sm-6 col-xs-12">
              <table class="table table-bordered">
                <thead>
                  <tr>
                    <td>序号</td>
                    <td>收费名称</td>
                    <td>缴费截止日</td>
                    <td>余额</td>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td>1</td>
                    <td></td>
                    <td></td>
                    <td></td>
                  </tr>
                </tbody>
              </table>
            </div>

            <div class="col-sm-6 col-xs-12">
              <table class="table table-bordered">
                <thead>
                  <tr>
                    <td>NO</td>
                    <td>合同No</td>
                    <td>起始日期</td>
                    <td>截止日期</td>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td>1</td>
                    <td></td>
                    <td></td>
                    <td></td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
        </div>

        <!--//-->

        <div class="panel panel-default">
          <div class="panel-body">
            <div class="col-sm-6">
              <div class="form-group">
                <label class="col-md-2 control-label">交房验房记录:</label>
                <div class="col-md-10">
                  <textarea class="form-control" rows="6" placeholder="Type your message"></textarea>
                </div>
              </div>
            </div>

            <div class="col-sm-6">
              <div class="form-group">
                <label class="col-md-2 control-label">装修验房记录:</label>
                <div class="col-md-10">
                  <textarea class="form-control" rows="6" placeholder="Type your message"></textarea>
                </div>
              </div>
            </div>
          </div>
        </div>

        <!--//-->

        <div class="panel panel-default">
          <div class="panel-body">
            <div class="form-group">
              <label class="col-md-12"><p>备注:</p></label>
              <div class="col-md-12">
                <textarea class="form-control" rows="6" placeholder=""></textarea>
              </div>
            </div>
          </div>
        </div>

        <div class="line line-dashed b-b line-lg pull-in"></div>

        <div class="text-center">
          <button class="btn btn-info m-r-lg">保存</button>
          <button class="btn btn-info m-l-lg">返回</button>
        </div>

      </form>
    </div>
  </div>
</div>